html {
    --ratio: 0.5;
    /* 01 业务色 */
    --color-brand: #3385FF !important;
    --color-brand-2: #e7f1ff;
    --color-blue: #1677FF;
    --color-blue-2: #e7f1ff;
    --color-darkgreen: #00bfd0;
    --color-darkgreen-2: #ddfcff;
    --color-pomonagreen: #00b578;
    --color-pomonagreen-2: #d4fff1;
    --color-orange: #ff8f1f;
    --color-orange-2: #ffefdf;
    --color-tangerine: #ff6010;
    --color-tangerine-2: #ffece3;
    --color-red: #f93a4a;
    --color-red-2: #ffeeef;
    --color-pink: #ff6565;
    --color-pink-2: #ffeeee;
    --color-golden: #c19030;
    --color-golden-2: #fff3d9;
    --color-skybule: #00b7f4;
    --color-skybule-2: #e0f7ff;
    --color-royallight: #4876ff;
    --color-royallight-2: #ebefff;
    --color-purple: #5260ff;
    --color-purple-2: #edeeff;
    --color-ironblack: #454955;
    --color-ironblack-2: #f1f1f1;
    /* 02 背景色/提示色 */
    --color-fill-grey-inverse: #fff;
    --color-fill-background: #F5F7FA;
    --color-fill-primary: var(--color-brand);
    --color-fill-primary-light: var(--color-brand-2);
    --color-fill-win: #05CD8A;
    --color-fill-warning: #FFA029;
    --color-fill-wrong: #FE5555;
    /* 03 文字色 */
    --color-text-primary: var(--color-brand);
    --color-text-title: #0F1826;
    --color-text-main: #616B7A;
    --color-text-subtext: #9EA7B7;
    --color-text-weak: #B5BCCA;
    --color-text-base: #fff;
    /* 04 边框色&分割线 */
    --color-divider-line: #E3E5E9;
    --color-divider-background: #E9ECF0;
    /* 05 蒙层 */
    --color-product-mask: rgba(0, 0, 0, 0.6);
    /* 06 字号 */
    /* 中文 */
    --font-size-maintitle: calc(36px * var(--ratio));
    --font-size-subtitle: calc(32px * var(--ratio));
    --font-size-maincontent: calc(30px * var(--ratio));
    --font-size-subcontent: calc(28px * var(--ratio));
    --font-size-subcontent-2: calc(24px * var(--ratio));
    --font-size-weak: calc(22px * var(--ratio));
}
